<%--
  Created by IntelliJ IDEA.
  User: zhf
  Date: 2021/2/12
  Time: 22:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="com.zhf.entity.Page" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@taglib prefix="fix" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"
            +request.getServerName()+":"
            +request.getServerPort()
            +path+"/";
%>
<html>
<head>
    <base href="<%=basePath %>"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" href="css/base.css">
    <title>登录页面</title>
    <style type="text/css">
        .blog-content-container {
            margin-top: 2.0em;
            background-color: #fff;
        }
        .blog-label-error {
            color: #d9534f;
        }
    </style>
</head>
<body>
<div class="container blog-content-container">

    <form  action="login" method="post">
        <h2 >请登录</h2>

        <div class="form-group col-md-12">
            <label for="username" class="col-form-label">账号</label>
            <input type="text" class="form-control" id="username" name="username" maxlength="50" placeholder="请输入账号">

        </div>
        <div class="form-group col-md-12">
            <label for="password" class="col-form-label">密码</label>
            <input type="password" class="form-control" id="password" name="password" maxlength="30" placeholder="请输入密码" >
        </div>
        <div class="form-group col-md-12">
            <button type="submit" class="btn btn-primary">登录</button>
        </div>
        <c:if test="${requestScope.loginError ne null}">
            <div class=" col-md-12">
                <p class="blog-label-error">${requestScope.loginError}</p>
            </div>
        </c:if>

    </form>
</div> <!-- /container -->
<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./jquery-ui-1.12.1/jquery-ui.min.js"></script>
</body>
</html>
